<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
  <style>
    p {
      /*设置字体的大小*/
      font-size: 26px;
      /*font-family: "宋体","黑体";*/
      font-family: "Ubuntu Mono";
    }

    a{
      /*自带下滑线*/
      text-decoration: underline;
      /*去掉下划线*/
      text-decoration: none;


    }

    div{
        width: 200px;
        height: 200px;
        border: 5px solid red;
        /*文本水平居中*/
        text-align: center  ;
        /* 让单行文本的行高与父级块元素一样高，可以实现垂直居中 */
        line-height: 200px;
    }

    span
    {
        /*font-weight: bold;*/
        font-weight: lighter;
        /*font-weight: normal;*/
    }
    
    h4
    {
        text-shadow: 5px 5px 5px red;
    }
    
  </style>
</head>
<body>
  <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus aliquid distinctio doloribus excepturi ipsa iste magnam modi mollitia nemo, odio pariatur quae quas, quis repellat similique tempora velit vitae voluptatem!</p>
  <a href="#">超链接</a>
  <div>div</div>
  <span>span</span>
  <h4>测试</h4>
</body>
</html>